<!-- 主题设置模板 -->

<script type="text/html" template lay-done="layui.data.theme();">
	{{# 
		var local = layui.data(layui.setter.tableName)
		,theme = local.theme || {}
		,themeColorIndex =  parseInt((theme && theme.color) ? theme.color.index : 0) || 0;
	}}

	<div class="layui-card-header">配色方案</div>

	<div class="layui-card-body layadmin-setTheme">
		<ul class="layadmin-setTheme-color">
			{{# layui.each(layui.setter.theme.color, function(index, item){ }}
				<li layadmin-event="setTheme" data-index="{{ index }}" data-alias="{{ item.alias }}" {{ index === themeColorIndex ? 'class="layui-this"' : '' }} title="{{ item.alias }}">
					<div class="layadmin-setTheme-header" style="background-color: {{ item.header }};"></div>
					<div class="layadmin-setTheme-side" style="background-color: {{ item.main }};">
						<div class="layadmin-setTheme-logo" style="background-color: {{ item.logo }};"></div>
					</div>
				</li>
			{{# }); }}
		</ul>
	</div>
</script>

<script>
	layui.data.theme = function() {
		layui.use('form', function() {
			var form = layui.form, admin = layui.admin;

			//监听隐藏开关
			form.on('switch(system-theme-sideicon)', function() {
				admin.theme({
					hideSideIcon : this.checked
				})
			});
		});
	};
</script>
